.top-box{
  position: relative;
    height: 1.18rem;
}
.top-box img{
    width: 100%;
}
.top-box div{
    position: absolute;
    bottom: 0;
    left:0;
    border-radius:0 10px 0 0;
    background: rgba(0,0,0,.5);
    color: white;
    text-align: center;
    font-size: .24rem;
    padding: 1px 6px 1px 2px;
}
.wap-index-nav{
    position: relative;
    z-index: 10000;
    overflow: visible;
    background: #ee1a1a;
}
.login-bar{
   padding:  .2rem;
}
.site-info{
  width: 40%;
    order: 1;
    font-size: .3rem;
    display: flex;
    justify-content: center;
}
.user-entry{
    width: 30%;
    height: .4rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: flex;
    text-align: center;
}
.user-entry .user-info{
    height: .4rem;
    font-size: .3rem;
    color: #fff;
    position: relative;
    padding-left: .48rem;
}
.wap-index-nav .user-entry .user-info:before {
    display: block;
    width: 30px;
    height: 20px;
    background: url("../image/icon.png") no-repeat 0 0;
    background-size: 5rem;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
}
.app-entry{
    width: 30%;
    /* -webkit-box-ordinal-group: 4; */
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    align-items: flex-end;
    font-size: .3rem;
    text-align: center;
}
.site-info span:before{
    display: block;
    width: 50px;
    height: 30px;
    background: url("../image/icon.png") no-repeat 0 -0.4rem;
    background-size: 4.5rem;
    content: " ";
}
.open-mail{
    color: white;
    font-size: .35rem;
}
.open-mail:before{
    content: "";
    width: 21px;
    height: 18px;
    background: url("../image/icon.png") no-repeat 0 -0.95rem;
    background-size: 4.5rem;
    display: inline-block;
}
.top-nav{
    /*position: fixed;*/
}
.activeRed{
    color: #ee1a1a;
}
.top-nav{
    font-size: .38rem;
}
.top-nav-li{
    position: relative;
    height: .93rem;
    line-height: .93rem;
}
.activeRed:before{
    content: "";
    position: absolute;
    width: 45%;
    height: 2px;
    background: #ee1a1a;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    display: inline-block;
}
.xuan{
    height: 100%;
    background: #fff;
}
.xuan.in{
   background:#ee1a1a;
   color: white;
}
.xuan.in .activeRed{
    color: white;
}
.xuan.in .activeRed:before{
    background: white;
}
.top-bar li{
    width: 2em;
    display: inline-block;
    font-size: .32rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    margin: 0 0 0 .59rem;
    white-space: nowrap;
}
.channel-bar{
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
    margin-top: .3rem;
}
 .channel-bar .toggle-btn{
     position: absolute;
     bottom:0;
     right: 0;
     font-size: .32rem;
     padding-bottom: .16rem;
     width: .64rem;
     height: .7rem;
     line-height:.7rem;
     padding-right: .4rem;
     text-align: center;
 }
 /*nav组件*/
.navplugin{
    margin-bottom: .12rem;
    background: #fff;
    padding-bottom: .2rem;
}
.sec-top{
    font-size: .3rem;
    padding: .5rem 0 .5rem .2rem;
    height: .5rem;
}
.sec-name{
    font-size: .4rem;
}
.sec-tabs ul li{
    margin-left: .32rem;
    font-size: .34rem;
}
.sec-tabs .show li{
    display: none;
}
.sec-content .title{
    font-weight: normal;
    overflow: hidden;
    line-height: .45rem;
    font-size: .34rem;
    margin-top: .2rem;
}
.sec-content .bomArt{

}
.topArt .news-pic{
    margin-top: .12rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.topArt>h3{
    padding: .3rem 0 .3rem 0;
}
.newsCard .detail{
    padding: .3rem 0 .3rem 0;
}
.topArt .news-pic img{
    flex: 0 0 33.1%;
    display: block;
    width: 2.34rem;
    height: 1.46rem;
    object-fit: contain;
}
.bomArt .news-pic{
    width: 2.34rem;
    flex: 0 0 auto;
}
.bomArt .news-pic img{
    height: 1.46rem;
    position: absolute;
    width: 2.5rem;
    right: .2rem;
}
.newsCard{
    padding: .24rem .22rem;
    border-bottom: 1px solid #eee;
}
.newsCard .detail{
    color: #b4b4b4;
    line-height: .34rem;
    height: .34rem;
    margin-top: .15rem;
    font-size: .24rem;
    letter-spacing: 0;
    overflow: hidden;
}
.detail span{
    font-size: .24rem;
    margin-right: .12rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.newsCard .detail .news-tag{
    color: #ee1a1a;
}
.newsCard a{
    display: flex;
}
.topArt{
    flex-wrap: wrap;
}
.sec-bottom{
    line-height: .42rem;
    font-size: .3rem;
    display: block;
    color: #ee1a1a;
    height: .42rem;
    vertical-align: middle;
    text-align: center;
    margin-top: .25rem;
}
.sec-bottom a{
    color: #ee1a1a;
}
.newsCard h3{
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}